<script lang="ts" setup>
import Header from "./Header/index.vue";
import SideBar from "./SideBar/index.vue";
import Container from "./Container/index.vue";

import { useDisplay } from 'vuetify'
const { mobile } = useDisplay()
</script>

<template>
  <v-responsive class="border rounded" height="100%" width="100%">
    <v-app class="w-screen h-screen">
      <SideBar></SideBar>
      <Header></Header>
      <v-main class="w-full h-full" :style="mobile ? '--v-layout-top: 56px;' : '--v-layout-top: 72px;'">
        <Container />
      </v-main>
    </v-app>
  </v-responsive>
</template>

<style></style>
